<template>
	<text class="status-tag" :class="type">{{ text }}</text>
</template>

<script setup>
defineProps({
	type: {
		type: String,
		default: 'default'
	},
	text: {
		type: String,
		required: true
	}
})
</script>

<style lang="scss" scoped>
.status-tag {
	padding: 4rpx 16rpx;
	border-radius: 20rpx;
	font-size: 26rpx;
	
	&.default {
		color: #999;
		background-color: #f5f5f5;
	}
	
	&.待还款 {
		color: #f5222d;
		background-color: rgba(245, 34, 45, 0.1);
	}
	
	&.已还款 {
		color: #52c41a;
		background-color: rgba(82, 196, 26, 0.1);
	}
	
	&.待审核 {
		color: #faad14;
		background-color: rgba(250, 173, 20, 0.1);
	}
}
</style> 